{% extends "base.html" %}
{% block title %}Join{% endblock %}
{% block menu_join %}id="current"{% endblock %}
{% block contentwrap_id%})-noside{% endblock %}
{% block content %}
	<div id="main-noside">
	    <h2><a href="/join/">TunaCrew is private community</a></h2>
	    <p>
	        Please fill the form. 
	    </p>
	    <div class="block">
	        <h3>Join</h3>
	        <form class="login" id="id_joinform">
	            <table id="id_table">
	                {% if error_msg %}
	                <tr>
	                    <td colspan="2" class="error" id="error_td">{{ error_msg }}</td>
	                </tr>
	                {% endif %}
	                <tr>
	                    <td class="login"><label for="id_user_nickname">Nickname: </label></td>
	                    <td><input type="text" name="user_nickname" class="text" id="id_user_nickname" /></td>
	                </tr>
	                <tr>
	                    <td><label for="id_user_email">Email: </label></td>
	                    <td><input type="text" name="user_email" class="text" id="id_user_email" /></td>
	                </tr>
	                <tr>
	                    <td><label for="id_passwd">Password: </label></td>
	                    <td><input type="password" name="passwd" class="text" id="id_passwd" /></td>
	                </tr>
	                <tr>
	                    <td><label for="id_passwd_confirm">Re Password: </label></td>
	                    <td><input type="password" name="passwd_confirm" class="text" id="id_passwd_confirm" /></td>
	                </tr>
	                <tr>
	                    <td colspan="2" align="right"><input class="button" type="submit" value="OK" onClick="ajaxJoin(); return false;" /></td>
	                </tr>
	            </table>
	        </form>
	    </div>
	<!-- main ends -->  
	</div>
{% endblock %}